
<div class="wrapper wrapper-content">



  <div class="row">
    <div class="col-lg-12">
      <div class="ibox float-e-margins">

        <div class="ibox-title">
          <h5>请输入查询条件</h5>
          <div ibox-tools="" class="ng-scope">
            <div dropdown="" class="ibox-tools dropdown">
              <a ng-click="showhide()"> <i class="fa fa-chevron-up"></i></a>
            </div>
          </div>
        </div>

        <div class="ibox-content">
          <div class="row">
            <div class="col-md-12">

              <div>
                <div id="searchArea">
                  <span>1.注册</span>
                  <span>2.压模</span>
                  <span>3.定位</span>
                  <span>4.勾靶</span>
                  <span>5.计划</span>
                  <span>6.验证</span>
                  <span>7.交费</span>
                  <span>8.治疗</span>
                  <span>9.完成</span>
                </div>
                <button ng-click="searchItem(1)" class="btn btn-info btn-circle flow-button status-completed"
                        type="button"><i class="fa fa-user"></i>
                </button>
                <HR class="flow-line-create">
                <button ng-click="searchItem(2)" class="btn btn-info btn-circle flow-button status-completed"
                        type="button"><i class="fa fa-cubes"></i>
                </button>
                <HR class="flow-line-create">
                <button ng-click="searchItem(3)" class="btn btn-info btn-circle flow-button status-completed"
                        type="button"><i class="fa fa-dot-circle-o"></i>
                </button>
                <HR class="flow-line-create">
                <button ng-click="searchItem(4)" class="btn btn-info btn-circle flow-button status-doing"
                        type="button"><i class="fa fa-pencil"></i>
                </button>
                <HR class="flow-line-create">
                <button ng-click="searchItem(5)" class="btn btn-info btn-circle flow-button status-incomplete"
                        type="button"><i class="fa fa-calendar"></i>
                </button>
                <HR class="flow-line-create">
                <button ng-click="searchItem(6)" class="btn btn-info btn-circle flow-button status-incomplete"
                        type="button"><i class="fa fa-thumbs-up"></i>
                </button>
                <HR class="flow-line-create">
                <button ng-click="searchItem(7)" class="btn btn-info btn-circle flow-button status-incomplete"
                        type="button"><i class="fa fa-dollar"></i>
                </button>
                <HR class="flow-line-create">
                <button ng-click="searchItem(8)" class="btn btn-info btn-circle flow-button status-incomplete"
                        type="button"><i class="fa fa-plus-square"></i>
                </button>
                <HR class="flow-line-create">
                <button ng-click="searchItem(9)" class="btn btn-info btn-circle flow-button status-incomplete"
                        type="button"><i class="fa fa-check"></i>
                </button>


              </div>

            </div>
            <div class="col-md-3">
              <div class="form-group">
                <label for="image_patientname" class="control-label">患者姓名</label>
                <input type="text" id="image_patientname" class="form-control" data-placement="top"
                       data-original-title="" placeholder="" ng-model="search.name">
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <label for="image_patientname" class="control-label">电话</label>
                <input type="text" id="image_patient2name" class="form-control" data-placement="top"
                       data-original-title="" placeholder="" ng-model="search.phoneNum">
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <label for="image_patientname" class="control-label">病案号</label>
                <input type="text"  class="form-control" data-placement="top"
                       data-original-title="" placeholder="" ng-model="search.caseNum">
              </div>
            </div>
            <div class="col-md-3">
              <div class="form-group">
                <label for="image_patientname" class="control-label">主治医生</label>
                <input type="text"  class="form-control" data-placement="top"
                       data-original-title="" placeholder="" ng-model="search.doctor">
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-lg-12">
      <div class="ibox float-e-margins">
        <div class="ibox-title">
          <h5>
            就诊人员列表
            <!--<small>查看就诊人员信息</small>-->
          </h5>
          <div ibox-tools></div>
        </div>
        <div class="ibox-content">

          <table class="footable table table-stripped toggle-arrow-tiny" id="mainTable" data-page-size="8" my-footable>
            <thead>
            <tr>
              <th data-toggle="true">头像</th>
              <th data-toggle="true">姓名</th>
              <!--<th>病人ID</th>-->
              <th>电话</th>
              <th>病案号</th>
              <th>主治医师</th>
              <th>流程</th>
              <th>病种</th>
              <th>剂量处方</th>
              <th>缴费次数</th>
              <th>治疗次数</th>
              <th>备注</th>
              <th data-hide="all">地址</th>
              <th data-hide="all">详情</th>
              <th data-hide="all">Date</th>
              <th>操作</th>
            </tr>
            </thead>
            <tbody>

            <tr ng-repeat="person in patients|filter:{name:search.name,phoneNum:search.phoneNum,
            doctor:search.doctor,caseNum:search.caseNum}">
              <td>
                <img src="assets/images/common/defaultHeader01.png" class="patient-image" >
              </td>
              <td>{{person.name}}</td>
              <!--<td>{{person.caseNum}}</td>-->
              <td>{{person.phoneNum}}</td>
              <td>{{person.caseNum}}</td>
              <td>{{person.doctor}}</td>
              <td class="flow-column">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==1, 'btn-info':person.status>1}" type="button"><i class="fa fa-user"></i>
                </button>
                <HR class="flow-line"ng-class="{'status-incomplete-line':person.status<2}">
                <button class="btn btn-circle flow-button" ng-click="openModelForm(person)"
                        ng-class="{'btn-success':person.status==2, 'btn-info':person.status>2}" type="button"><i class="fa fa-cubes"></i>
                </button>
                <HR class="flow-line"ng-class="{'status-incomplete-line':person.status<3}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==3,  'btn-info':person.status>3}" type="button"><i class="fa fa-dot-circle-o"></i>
                </button>
                <HR class="flow-line"ng-class="{'status-incomplete-line':person.status<4}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==4,  'btn-info':person.status>4}" type="button"><i class="fa fa-pencil"></i>
                </button>
                <HR class="flow-line"ng-class="{'status-incomplete-line':person.status<5}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==5, 'btn-info':person.status>5}" type="button"><i class="fa fa-calendar"></i>
                </button>
                <HR class="flow-line"ng-class="{'status-incomplete-line':person.status<6}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==6,  'btn-info':person.status>6}" type="button"><i class="fa fa-thumbs-up"></i>
                </button>
                <HR class="flow-line"ng-class="{'status-incomplete-line':person.status<7}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==7, 'btn-info':person.status>7}" type="button"><i class="fa fa-dollar"></i>
                </button>
                <HR class="flow-line"ng-class="{'status-incomplete-line':person.status<8}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==8, 'btn-info':person.status>8}" type="button"><i class="fa fa-plus-square"></i>
                </button>
                <HR class="flow-line"ng-class="{'status-incomplete-line':person.status<9}">
                <button class="btn btn-circle flow-button"
                        ng-class="{'btn-success':person.status==9, 'btn-info':person.status>9}" type="button"><i class="fa fa-check"></i>
                </button>
              </td>
              <td>{{person.part}}</td>
              <td>{{person.recipeDose}}Gy/25f</td>
              <td>{{person.payTimes}}</td>
              <td>{{person.treatTimes}}</td>
              <td>{{person.remarks}}</td>
              <td>40%</td>
              <td>Jul 16, 2013</td>
              <td>Jul 14, 2013</td>
              <td><button ui-sref="index.timeline" class="btn btn-primary" style="margin-top: 7px;">详细信息</button></td>
            </tr>
            </tbody>
            <tfoot>
            <tr>
              <td colspan="50">
                <ul class="pagination pull-right"></ul>
              </td>
            </tr>
            </tfoot>
          </table>

        </div>
      </div>
    </div>
  </div>


  <!--<input id="ex21" type="text"-->
  <!--data-provide="slider"-->
  <!--data-slider-ticks="[1, 2, 3]"-->
  <!--data-slider-ticks-labels='["short", "medium", "long"]'-->
  <!--data-slider-min="1"-->
  <!--data-slider-max="3"-->
  <!--data-slider-step="1"-->
  <!--data-slider-value="3"-->
  <!--data-slider-tooltip="hide" />-->


  <!--<input id="ex13" type="text" data-slider-ticks="[0, 100, 200, 300, 400]" data-slider-ticks-snap-bounds="30" data-slider-ticks-labels='["$0", "$100", "$200", "$300", "$400"]'/>-->

</div>
